﻿/*begin primary NavigationRevised */
#siteNav
{
	clear:both;
	float:left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0px auto;
    padding: 0px;
	width:1004px;
}

/* Begin: Menu styles */
#navigation-1
{
    position: absolute;
    font: 10pt arial, helvetica;
    list-style: none;
	margin:0;
    margin-left: 53px;
    /*margin-left: 0px;*/
    padding: 0px;	
    width: 1004px;
    z-index: 7000;
}

#navigation-1 li
{
    display: block;
    float: left;
    margin: 0px;
    text-align: center;
    width: auto;
}

#navigation-1 li.tools
{
    text-align: center;
    width: 102px;
}

#navigation-1 li.attachments
{
    text-align: center;
    width: 165px;
}

#navigation-1 li.fasteners
{
    width: 165px;
}

#navigation-1 li.promotions
{
    width: 165px;
}

#navigation-1 li.events
{
    width: 165px;
}

#navigation-1 li.parts
{
    width: 130px;
}


#navigation-1 li i
{
    font-size: 10pt;
    padding-bottom: 13px;
}

#navigation-1 li a:link, #navigation-1 li a:visited
{
    color: #000;
    display: block;
    height: 23px;
    margin: 0px;
    padding: 8px 20px 0px 18px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

/*text*/
#navigation-1 li a:hover a, #navigation-1 li a:active, #navigation-1 li a:hover
{
    /*background-color: #2c2c2c;移上去的背景颜色*/
    color: #0F74BC;
    display: block;
    height: 23px;
    margin: 0px;
    padding: 8px 20px 3px 18px;/*改变top的值时，这个值也要增加*/
    text-align: center;
    text-decoration: none;
    width: auto;
}

#navigation-1 li a .navigation-2 a:link, #navigation-1 li a .navigation-2 a:visited, #navigation-1 li a .navigation-2 a, #navigation-1 li a .navigation-2 a:hover, #navigation-1 li a .navigation-2 a:active
{
    height: auto;
    padding: 0px 0px 8px 18px;
}


/* Begin: Secondary Menu styling */
#navigation-1 li .navigation-2, #navigation-1 li a .navigation-2
{
    background-color: transparent;
    color: #fff;
    display: none;
    left: 0px;
    list-style: none;
    position: absolute;
    text-align: left;
    top: 33px;
    width: 180px;
    z-index: 5000;
}

/*菜单旁竖线的样式*/
#navigation-1 li.line{
	padding-top:7px;
	color:#727272;
}


/*Tools*/
/*Attachments & Accessories二级菜单到左侧的偏移量*/
/*Contractor Center*/
/*fasteners******************/
#navigation-1 li.fasteners .navigation-2
{
    background-color: transparent;
    left: 230px;/*控制二级菜单的左对齐位置*/
    text-align: left;
}
/*Promotions*/
#navigation-1 li.promotions .navigation-2
{
    height: 0px;
    left: 398px;
    text-align: left;
    width: 0px;
}

/*Events二菜单的位置*/
#navigation-1 li.events .navigation-2
{
    left: 566px;
    height: 0px;
    text-align: left;
    width: 0px;
    /*display: none !important;隐藏二级菜单*/
}
/*Parts & Service*/
#navigation-1 li.parts .navigation-2
{
    /*left:824px;     left: 612px;*/
    left: 770px;
    text-align: left;
}

#navigation-1 li.sfhover .navigation-2, #navigation-1 li:hover .navigation-2, #navigation-1 li a:hover .navigation-2
{
    background-color: transparent;
    display: block; /* Leave as Block when done testing */
    font-size: 12px; /*line-height: 12px;*/
    text-align: left;
    width: 196px;
    z-index: 7000;
}

#navigation-1 li .navigation-2 li
{
    color: #fff;
    display: block;
    font-size: 12px;
    height: auto;
    left: 0px; /*line-height: 12px;*/
    margin: 0px;
    text-align: left;
    width: 180px;
    z-index: 1000;
}

#navigation-1 li .navigation-2 li ul li
{
    height: auto !important;
    text-align: left;
}

#navigation-1 li .navigation-2 li.twolines
{
    display: block;
    height: 44px;
    left: 0px;
    margin: 0px 0px 6px 0;
    position: relative;
    text-align: left;
    width: 180px;
    z-index: 1001;
}

/*二级菜单８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８开始*/
#navigation-1 li .navigation-2 li a:link, #navigation-1 li .navigation-2 li a:visited
{
    background: #909090;
    border-bottom: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    padding: 6px 0px 2px 10px;
    text-align: left;
    width: 157px;/*二级菜单的宽度*/
    z-index: 1001 !important;
}

#navigation-1 LI .navigation-2 LI A:active 
{
	BACKGROUND: #febd18; 
	PADDING-BOTTOM: 1px solid #999999;
	WIDTH: 157px; COLOR: #000; 
	PADDING:6px 0px 2px 10px; 
	TEXT-ALIGN: left
}

#navigation-1 LI .navigation-2 LI A:hover {
	BACKGROUND: #febd18; 
	PADDING-BOTTOM: 1px solid #999999; 
	WIDTH: 157px; 
	COLOR: #000; 
	PADDING:6px 0px 2px 10px; 
	TEXT-ALIGN: left
}


/*二级菜单８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８８结束*/

/*begin tool and accatt panel styles */
.productcategorypanel
{
    background-color: #fff;
    display: block; /*height: 471px;     margin: 0px;     width: 995px;     overflow: hidden;*/
}


/******************************/
#navigation-1 li.fasteners .navigation-2 ul.categorycolumn
{
    background-color: #909090;
    float: left;
    height: 471px;
    width: 227px;
}


#navigation-1 li .navigation-2 ul.categorycolumn li
{
    background-color: #909090;
    border: 0px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: auto;
    left: 0px; /*line-height: 12px;*/
    margin: 0px;
    text-align: left;
    z-index: 1000;
}

#navigation-1 li .navigation-2 ul.categorycolumn li a:link, #navigation-1 li .navigation-2 ul.categorycolumn li a:visited
{
    border: 0px;
    border-bottom: 1px solid #999999;
    height: auto;
    padding: 2px 0px 2px 6px;
    text-align: left;
}



#navigation-1 li .navigation-2 div.catsubcatpanel
{
    background-color: #ffffff;
    color: #000000;
    display: block;
    float: left;
    margin-left: 10px;
    visibility: hidden;
}

#navigation-1 li.tools .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    height: 180px;
    position: absolute;
    left: -10px;
    top: 0px;
    visibility: visible;
}
#navigation-1 li.attachments .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    height: 80px;
    position: absolute;
    left: -117px;
    top: 0px;
    visibility: visible;
}
/***********************改变二级菜单的宽度********/
#navigation-1 li.fasteners .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 180px;
}

#navigation-1 li.promotions .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 180px;
}

#navigation-1 li.contractor .navigation-2 div.catsubcatpanel
{
    background-color: #ffffff;
    display: block;
    visibility: visible;
    width: 215px;
}

#navigation-1 li.events .navigation-2 div.catsubcatpanel
{
    background-color: transparent;
    display: block;
    left: 2px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 180px;
}

#navigation-1 li.parts .navigation-2 div.catsubcatpanel
{
    background-color: Transparent;
    display: block;
    left: 3px;
    position: absolute;
    top: 0px;
    visibility: visible;
    width: 195px;
}

#navigation-1 li .navigation-2 div.catsubcatpanel div
{
    text-align: left;
    width: 195px; /*padding: 8px 0px 8px 0px;     width: 25%;     vertical-align: top;*/
}

#navigation-1 li.contractor .navigation-2 div.catsubcatpanel div
{
    left: 0px;
    position: relative;
    text-align: left;
    top: -33px;
    width: 195px; /*padding: 8px 0px 8px 0px;     width: 25%;     vertical-align: top;*/
}
/********************************/
#navigation-1 li.fasteners .navigation-2 div.catsubcatpanel div
{
    left: 0px;
    position: relative;
    text-align: left;
    top: -33px;
    width: 195px;
}



#navigation-1 li .navigation-2 div.catsubcatpanel div a.cat
{
    display: block;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 10px;
    text-decoration: none;
    width: 195px;
    text-align: left;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div a.cat:hover
{
    background-color: #FEBD18;
    color: #000000;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div div.subcatgroup div a.subcat
{
    background: #909090;
    border-bottom: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    text-align: left;
    height: auto;
    padding: 2px 0px 2px 5px;
    width: 195px;
}


#navigation-1 li .navigation-2 div.catsubcatpanel div div.subcatgroup div a.subcat:hover
{
    background: #febd18; /*border-top: 1px solid #000000;     border-right: 1px solid #999999;     border-left: 1px solid #999999;*/
    border-bottom: 1px solid #999999;
    color: #000;
    padding: 2px 0px 2px 5px;
    text-align: left;
    height: auto;
}




#toolsCol_1 div.catDiv, #toolsCol_2 div.catDiv, #toolsCol_3 div.catDiv, #toolsCol_4 div.catDiv, #toolsCol_5 div.catDiv, #attaccCol_1 div.catDiv, #attaccCol_2 div.catDiv, #attaccCol_3 div.catDiv, #attaccCol_4 div.catDiv
{
    background-color: #909090;
    border-bottom: 1px solid #999999;
    color: #000000;
}

.hidden
{
    display: none;
}


